<html>
    <head>
        <meta charset="UTF-8">
        <title>change事件</title>
        <script type="text/javascript">
            function getSelectValue(course){
                alert(course)
            }
        
        
        </script>
        <body>
            <!--
                chang事件在什么时候发生的？
                    下拉列表中的选项发生改变的时候，change事件发生
                    此时注册在onchange事件的句柄后的JS代码自动执行
            -->
            <select name="course" onchange="getSelectValue(this.value);">
                <option value="java">JAVA</option>
                <option value="javascript">JAVASCRIPT</option>
                <option value="c++">C++</option>
                <option value="html">HTML</option>
                <option value="oracle">ORACLE</option>
            
            </select>

        </body>
    </head>
</html>